﻿<%--0CE3201DA8A9DA3BF3D230BD0FF89A04131793115441994623--%>
<%@ Page Language="C#" Inherits="XinYeSoft.VIP.WebSite.ProjectView" %><%@ Import Namespace="XinYeSoft.WebCommonLibrary" %><%
 DirRelVirPath = "~/Templates/Cont/";
this.SubmitFillUsers(); %>
<script runat="server">
protected override void OnLoad(System.EventArgs e)
{
this.DirRelVirPath = "~/Templates/Cont/";
base.OnLoad(e);
}
</script><!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta name="keywords" content="<%=this.MetaKey%>" />
<meta name="description" content="<%=this.MetaDesc%>" />
<%=this.HeadHtml%>
<title><%=this.PageTitle%></title>
<link rel="shortcut icon" href="<%=this.Root%>/favicon.ico" />
<link rel="stylesheet" href="<%=this.Root%>/Assets/Styles/style.css">

<%
 if (this.PreferredDomain != "") { %>
<link rel="canonical" href="<%=this.PreferredDomain%>" />
<%
 } %>

    <link rel="stylesheet" type="text/css" href="<%=this.Root%>/Assets/Styles/swiper-4.3.3.min.css"/>
	<link rel="stylesheet" type="text/css" href="<%=this.Root%>/Assets/Styles/mydetail.css"/>

	<script src="<%=this.Root%>/Assets/Scripts/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=this.Root%>/Assets/Scripts/swiper-4.3.3.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
    
    <%
 if (this.VideoPath != "") { %>
 <div class="video-top">
    <p>点击观看视频</p>
</div>
<div class="video shadow-bg"></div>
<div class="video-box">
    <video width="100%" controls="controls">
    	<source src="<%=this.VideoPath%>" type="video/mp4"></source>
    </video>
</div>
<script type="text/javascript">
    $(function () {
        $('.video.shadow-bg').click(function () {
            $('.video.shadow-bg').hide();
            $('.video-box').hide();
        });
        $('.video-top').click(function () {
            $('.video.shadow-bg').show();
            $('.video-box').fadeIn();
        })
    })
</script>
<%
 } %>

    <div class="top-img swiper-container">
		<div class="swiper-wrapper">
        <%
if(this.CurObj.ListPic != null)
{%><%
int i_1=0;
%><%
foreach(XinYeSoft.VIP.BusinessCommon.ProjectPic obj_1 in this.CurObj.ListPic){%> 
            <%
 if (i_1 > 1) { %>
			<div class="swiper-slide">
				<img src="<%=this.JoinFullUrl(obj_1.ImagePath)%>"/>
			</div>
            <%
 } %>
		<%
i_1+=1;
}
}%>       
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<script type="text/javascript">
		$(function(){
			var topImgSwiper = new Swiper('.top-img', {
				loop: true,
				pagination: {
					el: '.swiper-pagination',
				},
				autoplay: {
					delay: 3000,
				},
			});
		})
	</script>

    <div class="info info01">
		<div class="info-header clearfix">
			<div class="name">
				<p><img class="img" src="<%=this.CurAvatarSrc%>"/><%=this.CurProject.Initiator%></p>
			</div>
			<div class="time">
				<p>距离众筹结束<span id="now" class="time-fall"></span><span class="end" id="end"><span class="year"><%=this.CurEndBMYear%></span>
                        <span class="month"><%=this.CurEndBMMonth%></span>
						<span class="day"><%=this.CurEndBMDay%></span>
						<span class="hour"><%=this.CurEndBMHour%></span></span>						
					</p>
			</div>
		</div>
		<div class="info-title">
			<p><%=this.CurProject.Name%></p>
		</div>
		<div class="info-list clearfix">
			<div class="info-item">
				<p class="info-item-num"><span id="whole-number" class="block"><%=this.CurProject.FeeSum%></span>元</p>
				<p class="info-item-title"><i class="icon-3"></i>目标金额</p>
			</div>
			<div class="info-item info-item-border">
				<p class="info-item-num"><span id="completed-number" class="block"><%=this.CurProject.EnrollNum%></span>人</p>
				<p class="info-item-title"><i class="icon-4"></i>报名人数</p>
			</div>
			<div class="info-item">
				<p class="info-item-num"><span class="block"><%=this.CurProject.SupportNum%></span>人</p>
				<p class="info-item-title"><i class="icon-9"></i>支持人数</p>
			</div>
		</div>
	</div>
    
    <div class="detail-con">
		<div class="nav-box">
			<div class="nav-list clearfix">
				<div class="nav-item active">详情描述</div>
                <%
 if (this.CurProject.DescName1 != "") { %>
				<div class="nav-item"><%=this.CurProject.DescName1%></div>
                <%
 } %>
                <%
 if (this.CurProject.DescName2 != "") { %>
				<div class="nav-item"><%=this.CurProject.DescName2%></div>
                <%
 } %>
			</div>
		</div>
		<div class="con-box">
			<div class="con-list">
				<div id="con-item1" class="con-item">
					<%=this.CurContent%>
				</div>
                <%
 if (this.CurProject.DescName1 != "") { %>
				<div id="con-item2" class="con-item">
					<%=this.CurContent1%>
				</div>
				<%
 } %>
                <%
 if (this.CurProject.DescName2 != "") { %>
                <div id="con-item3" class="con-item">
					<%=this.CurContent2%>
				</div>
                <%
 } %>
			</div>
		</div>
		<div class="con-more">
			<span>展开更多详情</span>
		</div>
	</div>
	<script type="text/javascript">
		$(function () {
		    var detailNavH = $('.nav-box').height();
		    $('.detail-con .nav-item').each(function () {
		        $(this).click(function () {
		            var i = $(this).index();
		            $('.detail-con .con-box').css("height", "100%");
		            $('.detail-con .con-more').hide();
		            $(this).addClass('active').siblings().removeClass('active');
		            var height = $('.detail-con .con-item').eq(i).offset().top;
		            $('html,body').scrollTop(height - detailNavH);
		        });
		    });
		    $('.detail-con .con-more span').click(function () {
		        $('.detail-con .con-box').css("height", "100%");
		        $('.detail-con .con-more').hide();
		    })
		    $(window).scroll(function () {
		        var scrollTop = $(window).scrollTop();
		        var detailH = $('.detail-con').height();
		        var detailT = $('.detail-con').offset().top;
		        var conBox = $('.detail-con .con-box').offset().top;
		        if (scrollTop >= conBox) {
		            $('.detail-con .nav-list').addClass('fixed');
		        } else {
		            $('.detail-con .nav-list').removeClass('fixed');
		        }
		        if (scrollTop >= detailH + detailT - detailNavH) {
		            $('.detail-con .nav-list').removeClass('fixed');
		        }

		        var detailH1 = $('.feedback').height();
		        var detailT1 = $('.feedback').offset().top;
		        var conBox1 = $('.feedback .con-box').offset().top;
		        if (scrollTop >= conBox1) {
		            $('.feedback .nav-list').addClass('fixed');
		        } else {
		            $('.feedback .nav-list').removeClass('fixed');
		        }
		        if (scrollTop >= detailH1 + detailT1 - detailNavH) {
		            $('.feedback .nav-list').removeClass('fixed');
		        }
		    });
		})
	</script>
		
    <div class="feedback">
		<div class="nav-box">
			<div class="nav-list nav-list01 clearfix">
                <div class="nav-item">联合发起 <span><%=this.ListUnion.Count%></span></div>
                <%
 if (this.ListSBZC.Count > 0) { %>
				<div class="nav-item">失败 <span><%=this.ListSBZC.Count%></span></div>                
                <%
 } else { %>
                <div class="nav-item active">众筹中 <span><%=this.ListJXZZC.Count%></span></div>
                <%
 } %>
				<div class="nav-item">已筹满 <span><%=this.ListWCZC.Count%></span></div>
			</div>
		</div>
		<div class="con-box">
			<div class="con-list">
                <div class="con-item con-item02">
					<%
if(this.ListUnion != null)
{%><%
foreach(XinYeSoft.VIP.BusinessCommon.UnionProj obj_1 in this.ListUnion){%>
                    <div class="con-item-l">
						<a href="<%=this.GetUnionProjViewUrl(obj_1)%>">                        
							<div class="top clearfix">
								<p class="p2"><%=this.ToText(obj_1.BillTime)%></p>
								<div class="p1">
									<img src="<%=this.GetAvatarSrc(obj_1.UserID)%>" />
									<p><%=obj_1.UserName%></p>
								</div>
							</div>
							<div class="con">
								<p><%=obj_1.Remark%></p>
							</div>
						</a>
					</div>
					<%
}
}%>
					<div class="toEnd">
				        <p>到底了~</p>
			        </div>
				</div>
				
				<div class="con-item con-item02">
			    <%
 if (this.ListJXZorSBZC.Count <= 0) { %>
                    <div class="toEnd">
	                    <p>众筹进行中...</p>
                    </div>
                <%
 } else { %>
                    <%
if(this.ListJXZorSBZC != null)
{%><%
foreach(XinYeSoft.VIP.WebSite.ProjectView.ZCData obj_1 in this.ListJXZorSBZC){%>
                    <div class="con-item-l">
                        <a href="<%=this.GetFQZCViewUrl(obj_1.FQZC.ID)%>">
						    <div class="top clearfix">
							    <p class="p2"><%=this.ToText(obj_1.FQZC.BillTime)%></p>
							    <div class="p1">
								    <img src="<%=this.GetAvatarSrc(obj_1.FQZC.UserID)%>"/>
								    <p><%=obj_1.FQZC.UserName%></p>
							    </div>
						    </div>
						    <div class="con">
							    <p><%=obj_1.FQZC.Remark%></p>
						    </div>
						    <div class="head clearfix">
                                <%
if(obj_1.ListZC != null)
{%><%
foreach(XinYeSoft.VIP.BusinessCommon.MyZCZC zc_2 in obj_1.ListZC){%>
							    <img src="<%=this.GetAvatarSrc(zc_2.UserID)%>"/>
                                <%
}
}%>							    
						    </div>
						    <div class="bottom clearfix">
							    <p class="p1">支持者 <span><%=obj_1.FQZC.SupportNum%></span> 人</p>
							    <p class="p2">已筹 <span><%=this.ToText(obj_1.FQZC.CurSum)%></span> 元</p>
						    </div>
					    </a>
                    </div>
                    <%
}
}%>       
                    <div class="toEnd">
						<p>到底了~</p>
					</div>
                <%
 } %>
				</div>
				<div class="con-item con-item02">
					<%
if(this.ListWCZC != null)
{%><%
foreach(XinYeSoft.VIP.WebSite.ProjectView.ZCData obj_1 in this.ListWCZC){%>
                    <div class="con-item-l">
                        <a href="<%=this.GetFQZCViewUrl(obj_1.FQZC.ID)%>">
						    <div class="top clearfix">
							    <p class="p2"><%=this.ToText(obj_1.FQZC.BillTime)%></p>
							    <div class="p1">
								    <img src="<%=this.GetAvatarSrc(obj_1.FQZC.UserID)%>"/>
								    <p><%=obj_1.FQZC.UserName%></p>
							    </div>
						    </div>
						    <div class="con">
							    <p><%=obj_1.FQZC.Remark%></p>
						    </div>
						    <div class="head clearfix">
                                <%
if(obj_1.ListZC != null)
{%><%
foreach(XinYeSoft.VIP.BusinessCommon.MyZCZC zc_2 in obj_1.ListZC){%>
							    <img src="<%=this.GetAvatarSrc(zc_2.UserID)%>"/>
                                <%
}
}%>							    
						    </div>
						    <div class="bottom clearfix">
							    <p class="p1">支持者 <span><%=obj_1.FQZC.SupportNum%></span> 人</p>
							    <p class="p2">已筹 <span><%=this.ToText(obj_1.FQZC.CurSum)%></span> 元</p>
						    </div>
					    </a>
                    </div>
                    <%
}
}%> 
                    <div class="toEnd">
					<p>到底了~</p>
				</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(function () {
		    $('.feedback .nav-item').each(function () {
		        $(this).click(function () {
		            var i = $(this).index();
		            $(this).addClass('active').siblings().removeClass('active');
		            $('.feedback .con-item').eq(i).show().siblings().hide();
		        });
		    });
			$('.feedback .con-item').eq(1).show().siblings().hide();
		    $('.feedback .mycon .button').each(function () {
		        $(this).click(function () {
		            $('.feedback-s.shadow-bg').show();
		        });
		    });
		    $('.feedback-s.shadow-bg').click(function () {
		        $('.feedback-s.shadow-bg').hide();
		    });
		    $('.feedback-s.shadow-bg .feedback-box').click(function (e) {
		        e.stopPropagation();
		    });
		    $('.feedback-s.shadow-bg .i1').click(function () {
		        $('.feedback-s.shadow-bg').hide();
		    });
		})
	</script>
	
    <div class="bottomBack">
	<ul class="u1">
		<li><a href="<%=this.SiteIndexUrl%>">返回首页</a></li>
		<li><a href="#">退出</a></li>
	</ul>
	<div class="box1">
		<p class="p1">汇智纵横凝聚力@2019</p>
		<span class="s1"></span>
		<p>技术支持©易网互联</p>            
	</div>
</div>

    <%
 if (this.IsCurJXZ) { %>
	<div class="bottom-box"></div>
    <div class="payment payment01 clearfix fixed-bottom">
        <%
 if (this.IsJoinUnion) { %>
        <a href="<%=this.UnionProjViewUrl%>">我的联合发起</a>
        <%
 } else { %>
		<a href="<%=this.GetUnionJoinUrl(this.CurProject.ID)%>">成为联合发起人</a>
        <%
 } %>
        <%
 if (this.MyFqZcId > 0) { %>
        <a href="<%=this.GetFQZCViewUrl(this.MyFqZcId)%>">查看我的众筹</a>
        <%
 } else { %>
		<a href="<%=this.GetJoinZCUrl(this.CurProject.ID)%>">我要报名众筹</a>
        <%
 } %>
	</div>
    <%
 } %>

    <script>
        $(function () {
            function timeCount() {
                //当前日期
                var nowTime = new Date();
                //获取截止年月日时
                var endYear = $('#end .year').text();
                var endMonth = $('#end .month').text();
                var endDay = $('#end .day').text();
                var endHour = $('#end .hour').text();
                //截止日期
                var endDate = new Date();
                //设置截止截止年月日时
                endDate.setFullYear(parseInt(endYear));
                endDate.setMonth(parseInt(endMonth) - 1);
                endDate.setDate(parseInt(endDay));
                endDate.setHours(endHour);
                endDate.setMinutes(0);
                endDate.setSeconds(0);

                //总时间间隔
                var intervalTime = (endDate.getTime() - nowTime.getTime()) / 1000;

                if (intervalTime > 0) {
                    var day = parseInt(intervalTime / (24 * 3600));
                    intervalTime = intervalTime % (24 * 3600);
                    var hour = parseInt(intervalTime / 3600);
                    intervalTime = intervalTime % 3600;
                    var minutes = parseInt(intervalTime / 60);
                    var seconds = parseInt(intervalTime % 60);

                    hour = checkTime(hour);
                    minutes = checkTime(minutes);
                    seconds = checkTime(seconds);

                    $('#now').text(day + '天' + hour + ':' + minutes + ':' + seconds);
                } else {
                    clearInterval(t1);
                    $('#now').text('已截止');
                }
            }
            var t1 = setInterval(timeCount, 1000);
            timeCount();
            function checkTime(i) {
                if (i < 10) {
                    i = '0' + i;
                }
                return i;
            }
        });
    </script>
</body>
</html>